<div class="hbox hbox-auto-xs hbox-auto-sm" ng-init="
    app.settings.asideFolded = false; 
    app.settings.asideDock = false;
  ">
	<div class="container">
		<div class="userRole-hred">

			<div class="row">
				<div class="col-sm-12 col-xs-12" style="padding: 0px;">
					<p style="padding: 20px; font-size: 18px; border-bottom: 1px solid #8B8E99;margin-bottom: 0px;">用户管理</p>
				</div>
			</div>

			<div class="" style="padding:20px">
				<form class="form-inline">
					<div class="form-group">
						<label for="exampleInputId2">用户名：</label>
						<input type="text" class="form-control" id="exampleInputId2" placeholder="" ng-model="queryParam.userId">
					</div>

					<div class="form-group">
						<label for="exampleInputName2">姓名：</label>
						<input type="text" class="form-control" id="exampleInputName2" placeholder="" ng-model="queryParam.userName">
					</div>
					<div class="form-group">
						<label for="exampleInputEmail2">邮箱：</label>
						<input type="text" class="form-control" id="exampleInputEmail2" placeholder="" ng-model="queryParam.email">
					</div>
					<div class="form-group">
						<label for="exampleInputName2">手机号：</label>
						<input type="text" class="form-control" id="exampleInputName2" placeholder="" ng-model="queryParam.phone">
					</div>
					<div class="form-group" style="padding-left: 20px;">
						<input type="button" class="btn btn-default btn-primary" placeholder="" value="查询" ng-click="query()">
					</div>
				</form>
			</div>

		</div>

		<div class="userRole-body">
			<div class="getUsers">
				<table class="table table-hover">
					<tr>
						<td colspan="8">
							<button type="button" class="btn btn-default" data-toggle="modal" data-target="#addUserModal" ng-click="setAddUser()">
									添加用户
								</button>
						</td>
					</tr>
					<tr>
						<th>ID标识</th>
						<th>用户名</th>
						<th>姓名</th>
						<th>性别</th>
						<th>手机号</th>
						<th>邮箱</th>
						<th>地址</th>
						<th>操作</th>
					</tr>
					<tr ng-repeat="users in userList">
						<td>{{users.id}}</td>
						<td>{{users.userId}}</td>
						<td>{{users.userName}}</td>
						<td>{{users.sex}}</td>
						<td>{{users.phoneNum}}</td>
						<td>{{users.email}}</td>
						<td>{{users.address}}</td>
						<td>
							<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#allotRoleModal" ng-click="allotUserRole(users.userId)">
									分配角色
								</button>
							<button type="button" class="btn btn-success" data-toggle="modal" data-target="#addUserModal" ng-click="edit(users.id)">
									编辑
								</button>
							<button type="button" class="btn btn-danger" ng-click="remove(users.id)">
									删除
								</button>
						</td>
					</tr>

					<tr>
						<td colspan="8">
							<my_page></my_page>
						</td>
					</tr>
				</table>
			</div>
		</div>

	</div>
</div>

<!--
    	作者：1307455725@qq.com
    	时间：2016-10-24
    	描述：添加用户模态框	addUserModal.html
-->
<div class="modal fade" id="addUserModal" tabindex="-1" data-keyboard="false" role="dialog"
	aria-labelledby="myModalLabel" data-ng-include=" 'admin/tpl/blocks/users_addUserModal.html' ">
</div>



<!--
    	作者：1307455725@qq.com
    	时间：2016-10-24
    	描述：给用户分配角色模态框   userAddRole.html
-->

<div class="modal fade" id="allotRoleModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" 
	aria-hidden="true" data-ng-include=" 'admin/tpl/blocks/users_allotRole.html' ">
</div>